<template>
    <footer class="ui inverted vertical segment">
        <!-- 创建底部容器 -->
        <div class="ui center aligned container" style="margin-top: 14px">
            <!-- 创建水平布局 布局长16格 分为 3 3 3 7 -->
            <div class="ui inverted divided stackable grid">
                <!-- 展示二维码 -->
                <div class="three wide column">
                    <img src="../assets/image/微信二维码.jpg" alt="QR" class="ui medium rounded image" style="width: 110px;margin: 0 auto;">
                </div>
                <!-- 最新博客 -->
                <div class="five wide column">
                    <h3 class="ui inverted header m-text-spaced m-opacity-mini">联系我</h3>
                    <li class="ui inverted link list">
                        <a href="#" class="ui item m-text-thin m-text-spaced-nimi m-opacity-mini m-text-lined white-space" style="margin-top: 2px !important;">Q
                            Q : 1791146435</a>
                        <a href="#" class="ui item m-text-thin m-text-spaced-nimi m-opacity-mini m-text-lined white-space" style="margin-top: 2px !important;">微信
                            : L1791146435</a>
                        <a href="#" class="ui item m-text-thin m-text-spaced-nimi m-opacity-mini m-text-lined white-space" style="margin-top: 2px !important;">邮箱
                            : 18093329352@163.com</a>
                    </li>
                </div>
                <div class="eight wide column">
                    <h3 class="ui inverted header m-text-spaced m-opacity-mini">关于我</h3>
                    <p class="m-text-thin m-text-spaced-nimi m-opacity-mini ">
                        huanlis 是一个自由软件开发者。物联网应用技术专业毕业，参与过物联网相关的大学生竞赛。自学软件开发，主要学习java语言。常用的技术栈为Spring MVC、Spring
                        Boot、Vue。如果有需要请与我联系(18093329352@163.com)
                    </p>
                </div>
            </div>
            <div class="ui inverted section divider" style="margin-bottom: 17px"></div>
            <p class="m-text-thin m-text-spaced-nimi m-opacity-mini m-text-lined">这是著作权和角标</p>
        </div>
    </footer>
</template>

<script>
    export default {
        name: "Foot"
    }
</script>

<style scoped>

</style>
